<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:c="http://www.w3.org/1999/XSL/Transform">
<head>
    <meta charset="UTF-8">
    <title>signOn</title>
    <link rel="StyleSheet" href="/css/jpetstore.css" type="text/css" media="screen"/>
</head>
<body>
<div th:replace="common/top">
</div>

<div id="Content">
    <div id="Catalog"><form action="/account/checksignon" method="post">
        <p>Please enter your username and password.</p>
        <p>Username:<label>
            <input type="text" name="username"  />
        </label> <br />
            Password:<label>
                <input type="password" name="password"  />
            </label> <br />
            Verification code:<label>
                <input type="text" name="verification_code" />
            </label>
        <td th:if="${verification_code_id==1}"><img src="/images/1.jpeg"></td>
        <td th:if="${verification_code_id==2}"><img src="/images/2.jpeg"></td>
        <td th:if="${verification_code_id==3}"><img src="/images/3.jpeg"></td>
        <td th:if="${verification_code_id==4}"><img src="/images/4.jpeg"></td>

        </p>
        <input type="submit" name="signon" value="Login" />
    </form>Need a user name and password?
        <a href="GoToRegister">Register Now!</a>

        <div/>
</div>

<div th:replace="common/bottom">
</div>
</body>
</html>